﻿<!doctype html>
<html lang="en-au">
    <head>
        <title>jQuery.Gantt</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" >
    <link rel="stylesheet" href="<?=$url?>css/style.css" />
		<!--<script src="<?=$url?>js/jquery.min.js"></script>-->
		<link rel="stylesheet" href="<?=$url?>css/jquery-ui.css" />
		<!--<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>-->
    <script src="<?=$url?>js/jquery.js"></script>
    <script src="<?=$url?>js/jquery-ui-1.8.16.custom.min.js"></script>
<!--    <script src="<?=$url?>js/jquery.ui.core.js"></script>
    <script src="<?=$url?>js/jquery.ui.widget.js"></script>
    <script src="<?=$url?>js/jquery.ui.position.js"></script>-->
		<script src="<?=$url?>js/jquery.fn.gantt.js"></script>
		<script src="<?=$url?>js/bootstrap.min.js"></script>
		<script src="<?=$url?>js/prettify.js"></script>
    <script src="<?=$url?>js/jquery.ui.datepicker.js"></script>
		<link href="<?=$url?>css/styles.css" rel="stylesheet">
		<style type="text/css">
			body {
				font-family: Helvetica, Arial, sans-serif;
				font-size: 13px;
				padding: 0 0 10px 0;
			}
			.contain {
				width: 1200px;
				margin: 0 auto;
			}
			h1 {
				margin: 40px 0 20px 0;
			}
			h2 {
				font-size: 1.5em;
				padding-bottom: 3px;
				border-bottom: 1px solid #DDD;
				margin-top: 50px;
				margin-bottom: 25px;
			}
			table th:first-child {
				width: 150px;
			}
		</style>
    </head>
	  <style>
/*		.ui-dialog-titlebar-close{
			display: block;
			position: absolute;
			right: 26px;
			top: 6px;
			width: 12px;
			height: 13px;
			font-size: 1px;
			background: url(<?=$url?>img/chosen-sprite.png) no-repeat -45px -10px;
		}*/
		body { font-size: 62.5%; }
		label, input { display:block; }
		input.text { margin-bottom:12px; width:95%; padding: .4em; }
		fieldset { padding:0; border:0; margin-top:25px; }
		h1 { font-size: 1.2em; margin: .6em 0; }
		div#users-contain { width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-dialog .ui-state-error { padding: .3em; }
		.validateTips { border: 1px solid transparent; padding: 0.3em; }
	  </style>
    <body>
		<?=$template['body']?>
    </body>
</html>